﻿<riaControlsBase:UserControlBase
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:riaControlsBase="clr-namespace:SBPweb.RIA.Client.Controls.Base;assembly=SBPweb.RIA.Client.Controls"
    xmlns:libraryControls="clr-namespace:SBPweb.PlAzureNet.Client.Library.Controls;assembly=SBPweb.PlAzureNet.Client.Library.Controls.SL"
	x:Class="SBPweb.PlAzureNet.Client.Modules.Facebook.Controls.MainControl"
    mc:Ignorable="d">
    <riaControlsBase:UserControlBase.Resources>
		<Style x:Key="rectShadowedBar" TargetType="Rectangle">
			<Setter Property="Fill" Value="#FFFCFCFC"/>
		    <Setter Property="Effect">
				<Setter.Value>
	                <DropShadowEffect Direction="0" BlurRadius="7" ShadowDepth="0" Opacity="0.3" />
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="tbkHeaderCaption" TargetType="TextBlock">
            <Setter Property="Foreground" Value="#FFFFFFFF" />
            <Setter Property="HorizontalAlignment" Value="Center" />
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="FontSize" Value="18" />
            <Setter Property="FontWeight" Value="Bold" />
            <Setter Property="Margin" Value="-10,5,-10,125" />
		    <Setter Property="Effect">
				<Setter.Value>
	                <DropShadowEffect Direction="-90" BlurRadius="7" ShadowDepth="1" Opacity="1" />
				</Setter.Value>
			</Setter>
        </Style>
    </riaControlsBase:UserControlBase.Resources>

    <Grid x:Name="LayoutRoot" HorizontalAlignment="Center" VerticalAlignment="Stretch" Margin="0">
        
        <Rectangle Fill="#FFFFFFFF" Margin="0">
            <Rectangle.Effect>
                <DropShadowEffect Direction="90" BlurRadius="7" ShadowDepth="0" Opacity="0.5" />
            </Rectangle.Effect>
        </Rectangle>

        <Image x:Name="imgFace" Width="126" Height="118" Margin="0" Opacity="1" Stretch="UniformToFill" VerticalAlignment="Top" />
        <Rectangle Width="125" Height="118" Stroke="#FFFFFFFF" Margin="0" StrokeThickness="1" />
        
        <Image x:Name="imgGender" Width="48" Height="48" Margin="0,0,-3,-10" Stretch="Uniform" HorizontalAlignment="Right" VerticalAlignment="Bottom">
            <Image.Effect>
                <DropShadowEffect Direction="90" BlurRadius="7" ShadowDepth="0" Opacity="0.5" />
            </Image.Effect>
        </Image>

        <TextBlock x:Name="tbkName" Style="{StaticResource tbkHeaderCaption}" Margin="-10,-27,-10,0" FontSize="16" VerticalAlignment="Top" />
        
    </Grid>
</riaControlsBase:UserControlBase>